/* GENERAL */
* { padding:0; margin:0; }
body { font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#555; background:#fff; }
.clr { clear:both; font-size:0; line-height:0; }
.show { display: block; }
.hide { display: none; }
hr { color:#ccc; background-color:#ccc; height:1px; border:0; margin-bottom:10px; }

/* HEADINGS */
h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f60; }
h1 { font-size:22px; margin-bottom:15px; }
h2 { font-size:17px; margin-bottom:15px; }
h3 { font-size:14px; margin-bottom:15px; }
#main h2 { text-align:center; background:#ffc; padding:5px 0; }

/* TYPO */
.highlight { color:#f00; }
.compulsory, .required { color:#f00; }
small { font-size:11px; }
.light { color:#999;}

/* LINK */
a { color:#8971aa; text-decoration:none; }
a:hover { text-decoration:underline; }
a.underline { text-decoration:underline; }

/* PARAGRAPH */
p { line-height:1.5
; padding-bottom:12px; }

/* SPACING */
.pb0 { padding-bottom:0; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; }
.pt0 { padding-top:0; } .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; }

/* IMAGES */
img { border:0; }
img { behavior:url(iepngfix.htc); }
img.alignV { vertical-align:middle; }

/* LIST */
ul li { list-style:none; }
#post ul { margin:0 0 10px 10px; }
#post ul li { line-height:1.4; padding:0 0 5px 12px; background:url(../img/li.gif) 0 8px no-repeat; }

/* TABLE */
table { border-collapse:collapse; }
td { vertical-align:top; }

/* STRUCTURE */
#top-wrapper { background:#8971aa; }	
#top { width:1080px; margin:0 auto; height:60px; }
	#logo { float:left; width:300px; padding:10px 0 0 0; }
	#top-right { float:right; text-align:right; color:#fff; padding:35px 0 0 0; font-size:14px; }
	#top-right a { color:#ffce00; }
	
#nav-wrapper { height:28px; background:#ffce00; border-top:1px solid #ffe36d; border-bottom:1px solid #ff9c00; }
#nav { width:1080px; margin:0 auto; height:28px; }
	#nav ul { margin:0; height:28px; padding-left:2px; background:url(../img/nav_sep.gif) top left no-repeat; }
	#nav ul li { float:left; padding-right:2px; background:url(../img/nav_sep.gif) top right no-repeat; }	
	#nav ul li a { display:block; height:28px; line-height:28px; padding:0 25px; color:#8d7201; font-weight:bold; }
	#nav ul li a:hover { text-decoration:none; background:url(../img/nav_active.gif) repeat-x; }
	#nav ul li.active a { background:url(../img/nav_active.gif) repeat-x; color:#f60; }
	
#subnav { width:1080px; margin:0 auto; }
	#subnav ul { padding-left:12px; height:29px; border-bottom:1px solid #d6c479; }
	#subnav ul li { float:left; padding-right:3px; background:url(../img/subnav_sep.gif) right 14px no-repeat; }	
	#subnav ul li.last { padding-right:0; background:none; }
	#subnav ul li a { display:block; height:29px; line-height:29px; padding:0 15px; color:#8d7201; }
	#subnav ul li.active a { color:#f60; }
	
#main { width:1080px; margin:0 auto; padding:20px 0; }
	/* Login */
	#login { margin:130px auto 160px auto; border:1px solid #ccc; background:#e6e6e6; padding:20px; width:300px; }
	#login table { margin:0; }
	#login table td { padding:0 10px 5px 0; }
	#login table input.textfield { padding:2px; width:150px; }
	#login table input.button { padding:2px 15px; }
		#forgot-password { padding:10px 0 0 0; }
		#forgot-password input.textfield { color:#666; }
		#forgot-password input.button { padding:2px 5px!important; }
		
	/* Filter */
	#filter { margin:0 0 20px 0; }
	#filter select { width:120px; padding:3px; } 
	#filter input.textfield { width:120px; padding:3px; } 
	#filter .time { float:left; width:350px; }
	#filter .sort { float:left; width:250px; }
		
	/* Listing table */
	table.table1 { margin-bottom:20px; color:#444; }
	table.table1 td, table.table1 th { padding:8px 10px; border:1px solid #ccc; }
	table.table1 th { background:#555; border-color:#555; color:#fff; }
	table.table1 tr.done td { background:#eee; }
	table.table1 tr.confirmed td { color:#f00; }
	table.table1 tr.secondary td { background:#ffc; }
	
	/* Add table */
	table.table2 { margin-bottom:10px; }
	table.table2 td { padding:0 0 10px 0; vertical-align:top; }
	table.table2.edit1 td { vertical-align:middle; border:1px solid #ccc; padding:10px; }
	table.table2 td { padding-right:10px; }
	table.table2 input.button { padding:3px 15px; font-size:14px; }
	table.table2 input.textfield { width:160px; padding:2px; color:#555; }
	table.table2 input.textfield.medium { width:50px; }
	table.table2 input.file { width:160px; padding:2px; }
	table.table2 select.dropdown { width:166px; padding:2px; color:#555; }
	table.table2 textarea.richtext { width:400px; height:250px; }
	table.table2 textarea.template { width:600px; height:300px; }
	table.table2 td.wide-spacing { padding-right:40px; }
	
	/* ADD - VIEW booking */
	.customer { float:left; width:498px; border:1px solid #ccc; padding:15px; margin-right:20px; margin-bottom:20px; }
	.new.customer { margin-right:0; }
	span.code, span.auto { background:#eee; padding:2px 6px; border:1px solid #ddd; }
	
	.booking-info { float:left; width:360px; }
	
	table.table2.booking-payment td { vertical-align:middle; }
	
	table.booking-detail input.textfield { width:80px; padding:1px 0; color:#555; }
	table.booking-detail input.textfield.room { width:150px; padding:1px 0; color:#555; }
	table.booking-detail input.textfield.short { width:25px; }
	table.booking-detail input.textfield.medium { width:50px; }
	table.booking-detail input.textfield.long { width:250px; }
	table.booking-detail input.textfield.date { width:55px; }
	table.booking-detail tr.heading td { background:#eee; }
	table.booking-detail td.gross { background:#ffc; }
	table.booking-detail th.gross { background:#930; }
	table.booking-detail td.profit { color:#003399; font-weight:bold; background:#e5eeff; }
	
	#booking-cancel { width:230px; float:left; }
	#booking-payment { width:810px; padding-left:39px; float:left; border-left:1px solid #ccc; }
	
	#booking-submit { text-align:center; padding:20px 0; }
	#booking-submit input.button { padding:5px 40px; font-size:18px; }
	
	#action-bar { position:fixed; bottom:0; left:0; background:#8971aa; width:100%; padding:10px 20px; color:#fff; }
	#action-bar input.button { padding:2px 5px; }
	.action-bar-group { float:left; padding-right:60px; }
	.action-bar-group.right { float:right; }
	
	/* Data table */
	table.data { margin-bottom:20px; color:#444; }
	table.data td, table.table1 th { padding:8px 10px; border:1px solid #ccc; }
	table.data td.grey { background:#eee; }
		
	/* Pagination */
	div.paging { margin:10px 0; cursor:default; }
	div.paging a { padding:1px 5px; border:1px solid #ccc; color:#f60; text-decoration:none; }
	div.paging a:hover { text-decoration:none; border-color:#f60; background:#fff; }
	div.paging span.current { font-weight:bold; color:#fff; background:#f60; border:1px solid #f60; padding:1px 5px; }
	
#footer { margin:0 auto; padding:10px 0; border-top:1px solid #ddd; text-align:center; background:#eee; }

/*EMAIL FORM CONFIRM */
	table.email { margin-bottom:10px; }
	table.email td { padding:0 0 10px 0; vertical-align:top; }
	table.email td { padding-right:10px; }
	table.email input.button { padding:3px 15px; font-size:14px; }
	table.email input.textfield { width:400px; padding:2px; color:#555; }
	table.email select.dropdown { width:166px; padding:2px; color:#555; }
	table.email textarea.richtext { width:400px; height:250px; }
	

/* FORM */
table.formTable { margin-bottom:10px; }
table.formTable td { padding:0 10px 5px 0; }
table.formTable td.col1 { padding-right:10px; }
table.formTable tr.extra { display:none; }

form#contactForm {}
form#contactForm input.box { width:200px; }
	form#contactForm input.upload { width:220px!important; }
	form#contactForm textarea { width:300px; height:120px; }
	form#contactForm input.box, table.formTable textarea { border:1px solid #ccc; padding:3px; }
	form#contactForm input.button { padding:3px 10px; }
	
span.required { color:#f00; }	
span.errmsg { color:#f00; margin:0 0 0 7px; }
div.successful { background:#D4E5FF; border:1px solid #06f; color:#06f; padding:7px; text-align:center; line-height:16px; }
div.error { background:#FFE7E7; border:1px solid #FF6D6D; color:#f00; padding:7px; text-align:center; line-height:16px; margin-bottom:15px; }
form#contactForm p.err input, form#contactForm p.err textarea {	border:1px solid #FF6D6D!important; background:#FFE7E7; }
/* opacity:0.7; filter:alpha(opacity=50); */